* {
    margin: 0;
    padding: 0;
    font-family: "PingFang SC","Helvetica Neue",Helvetica,Arial,STHeiTi,"Microsoft YaHei",sans-serif;
    box-sizing: border-box
}
.aui-bar *{ font-size: 0.46rem !important;line-height: 1.25rem !important;}
.aui-bar-nav {line-height: 1.25rem;    min-height: 1.25rem;}
.aui-bar-nav .aui-title{left: 4rem;min-height:1.25em; right: 4rem;}

html {
    font-size: 37.5px !important
}

body {
    background-color: #f3f3f3;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    height: 100%;
    -webkit-text-size-adjust: 100%!important
}

a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

ul {
    list-style: none
}

.hidden-logid {
    display: none
}

.page {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #f3f3f3;
    font-size: 12px
}

[data-dpr="2"] .page {
    font-size: 24px
}

[data-dpr="2.5"] .page {
    font-size: 30px
}

[data-dpr="2.75"] .page {
    font-size: 33px
}

[data-dpr="3"] .page {
    font-size: 36px
}

[data-dpr="4"] .page {
    font-size: 48px
}

.alert-model .alert .alert-button {
    color: #00a0e8
}

.alert-model .alert .alert-ok {
    color: #00a0e8
}

.modal__button {
    background-color: #00a0e8
}

.theme-color {
    color: #00a0e8
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-direction-c {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column
}

.flex-hc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.line05px {
    height: 1px;
    width: 100%;
    background-color: #f6f6f6;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

.line1px {
    height: .02666667rem;
    width: 100%;
    background-color: #f6f6f6
}

.btn {
    color: #d9af5c
}

#header {
    height: 2.29333333rem;
    padding-top: .64rem;
    padding-bottom: .64rem;
    padding-left: .42666667rem;
    padding-right: .42666667rem;    margin-top: 1.4rem;
}
.js-modal__content{     margin-top: 2rem !important;}
.avatar {
    width: 1.01333333rem;
    height: 1.01333333rem;
    margin-right: .29333333rem;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden
}

.avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.store-info {
    width: 6.26666667rem;
    height: 1.01333333rem;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column
}

.store-info .merchant-name {
    line-height: 1.2;
    font-size: .48rem;
    color: #000;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.store-info .store-name {
    line-height: 1.2;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.store-info .store-name span:first-child {
    display: inline-block;
    width: .64rem;
    height: .34666667rem;
    margin-right: .08rem;
    vertical-align: middle
}

.store-info .store-name span:first-child span {
    display: block;
    width: 1.28rem;
    height: .69333333rem;
    line-height: .69333333rem;
    font-size: .48rem;
    background: #d5d5d5;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    transform-origin: top left;
    transform: scale(.5)
}

.store-info .store-name span:last-child {
    padding-left: .05333333rem;
    font-size: .34666667rem;
    color: #888;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.add_remark_btn {
    line-height: 1.2;
    color: #d9af5c;
    font-size: .34666667rem
}

#copyright {
    padding-left: .58666667rem;
    padding-right: .58666667rem;
    z-index: 1
}

.copyright {
    font-size: .29333333rem;
    color: #9b9b9b;
    text-align: center
}

.copyright a {
    font-size: .29333333rem;
    color: #9b9b9b
}

.copyright__brand {
    display: inline-block;
    width: 1.14666667rem;
    height: .41333333rem;
    margin-left: .02666667rem;
    margin-right: .02666667rem;
    margin-bottom: .09333333rem;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat
}

#store__remark {
    padding-right: .36rem;
    margin-top: .2rem;
    position: relative
}

#store__remark .store__remark__input {
    border: 0;
    outline: 0;
    font-size: .32rem;
    color: #858585;
    width: 100%;
    background: #f6f6f6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#store__remark .edit__remark__button {
    color: #677b8b;
    text-decoration: underline;
    position: absolute;
    display: inline-block;
    width: 20%;
    text-align: right;
    height: .6rem;
    right: .2rem;
    font-size: .32rem
}

#store__remark .remark__content {
    width: 82%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #858585;
    font-size: .32rem
}

#store__remark .remark__button {
    color: #858585;
    tap-highlight-color: transparent;
    display: inline-block;
    width: 80%;
    height: .6rem;
    font-size: .32rem
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3) {
    #header {
        padding-top:.37333333rem;
        padding-bottom: .32rem
    }

    #activityModal .modal__content {
        margin-top: .53333333rem
    }
}

.copyright__brand {
    background-image: url()
}

.avatar {
    background-image: url()
}

#amountsDisC {
    padding-left: .42666667rem;
    padding-right: .42666667rem
}

#amountsDis {
    background: #fff;
    border-radius: 8px;
    padding-left: .42666667rem;
    padding-right: .42666667rem
}

[data-dpr="2"] #amountsDis {
    border-radius: 16px
}

[data-dpr="2.5"] #amountsDis {
    border-radius: 20px
}

[data-dpr="2.75"] #amountsDis {
    border-radius: 22px
}

[data-dpr="3"] #amountsDis {
    border-radius: 24px
}

[data-dpr="4"] #amountsDis {
    border-radius: 32px
}

.input-amount {
    height: 1.6rem;
    line-height: 1.6rem
}

.input-amount .label {
    padding-right: .21333333rem;
    font-size: .4rem;
    font-weight: 500;
    color: #888
}

.input-amount .value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000
}

.input-amount .currency {
    padding-top: .61333333rem;
    padding-right: .16rem;
    font-size: .53333333rem;
    line-height: 1
}

.input-amount .amount {
    font-size: .8rem;
    line-height: 1;
    padding-top: .41333333rem
}

.cursor-c {
    padding-top: .45333333rem;
    padding-bottom: .32rem
}

.cursor {
    display: block;
    width: .05333333rem;
    height: .72rem;
    background: #426bf2;
    border-radius: 17%;
    animation-duration: 1.1s;
    animation-iteration-count: infinite;
    animation-name: cursor
}

@keyframes cursor {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes cursor {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

#keyboard {
    width: 100%;
    margin-top: .45333333rem;
    z-index: 2;
    display: block
}

.keyboard {
    background-color: #fff
}

.keyboard__number-keys {
    float: left;
    width: 75%
}

.keyboard__number-keys .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.keyboard__function-keys {
    display: inline-block;
    width: 25%
}

.keyboard__key {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 1.70666667rem;
    line-height: 1.70666667rem;
    text-align: center;
    font-size: .90666667rem;
    border-top: solid #ccc;
    border-right: solid #ccc;
    border-top-width: 1px;
    border-right-width: 1px;
    color: #424857;
    font-weight: 300
}

[data-dpr="2"] .keyboard__key {
    border-top-width: 1px
}

[data-dpr="2.5"] .keyboard__key {
    border-top-width: 1px
}

[data-dpr="2.75"] .keyboard__key {
    border-top-width: 1px
}

[data-dpr="3"] .keyboard__key {
    border-top-width: 2px
}

[data-dpr="4"] .keyboard__key {
    border-top-width: 2px
}

[data-dpr="2"] .keyboard__key {
    border-right-width: 1px
}

[data-dpr="2.5"] .keyboard__key {
    border-right-width: 1px
}

[data-dpr="2.75"] .keyboard__key {
    border-right-width: 1px
}

[data-dpr="3"] .keyboard__key {
    border-right-width: 2px
}

[data-dpr="4"] .keyboard__key {
    border-right-width: 2px
}

.keyboard__key--hover {
    position: relative
}

.keyboard__key--hover:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.1)
}

.keyboard__zero {
    border-right-color: transparent
}

.keyboard__zero.keyboard__key--hover {
    border-right-color: rgba(0,0,0,.1)
}

.keyboard__del {
    display: block;
    border-right: none;
    position: relative
}

.keyboard__del:after {
    display: block;
    position: absolute;
    content: '';
    width: .93333333rem;
    height: .56rem;
    top: 50%;
    left: 50%;
    margin-top: -.29333333rem;
    margin-left: -.46666667rem;
    background: url() no-repeat;
    background-size: cover
}

.keyboard__del.keyboard__key--hover:after {
    background-color: transparent
}

.keyboard__del.keyboard__key--hover:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.1)
}

.keyboard__enter {
    display: block;
    height: 5.12rem;
    line-height: .66666667rem;
    font-size: .56rem;
    color: #fff;
    border-right: none;
    font-weight: 400;
    background-color: #00a0e8
}

.keyboard__enter.keyboard__enter--disabled {
    background-color: #b5e4f0
}

.keyboard__enter .normal {
    display: block;
    width: 100%
}

.keyboard__enter .normal span {
    display: block
}

.keyboard__enter .normal .line {
    text-decoration: line-through
}

.keyboard__enter .normal-1 {
    margin-top: 2.29333333rem
}

.keyboard__enter .normal-2 {
    margin-top: 1.84rem
}

.keyboard__enter .normal-3 {
    margin-top: 1.49333333rem
}

.keyboard__enter .limit {
    display: none
}
